<script lang="ts">
import Vue from 'vue'

export default Vue.extend({
  name: "School",
  data() {
    return {
      name: '尚硅谷atguigu',
      address: '北京'
    }
  },
  methods: {
    test() {
     this.hello()
    }
  }
})
</script>

<template>
  <div class="demo">
    <h2>学校名称: {{ name | mySlice }}</h2>
    <h2>学校地址: {{ address }}</h2>
    <button @click = "test">点我测试一个hello方法</button>
  </div>
</template>

<style scoped>
.demo {
  background-color: skyblue;
}
</style>